﻿view { box-sizing: border-box; }
.formContent { margin-bottom: 100rpx; background-color: #eeeeee; }
.sw,
.video { height: 350rpx; }
.banner,
.sw,
.video { width: 100%; background-color: #fff; }
    .banner image,
    .sw swiper,
    .sw swiper image,
    .video video { width: 100%; height: 100%; }
.plaintext { padding: 20rpx 30rpx; font-size: 30rpx; color: #333; background-color: #fff; }
.goods { background-color: #fff; }
.form-input-box-title { font-size: 28rpx; }
.goods-box-item { overflow: hidden; padding: 20rpx 30rpx 20rpx 0; margin-left: 30rpx; border-bottom: 2rpx solid #eeeeee; }
    .goods-box-item:nth-last-child(2) { border: none; }
.goods-img { width: 150rpx; height: 150rpx; display: inline-block; float: left; }
.goods-right { width: 520rpx; display: inline-block; float: left; margin-left: 20rpx; }
.goods-name { font-size: 30rpx; color: #333; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.goods-mid { font-size: 24rpx; color: #999; }
.goods-buttom { overflow: hidden; position: relative; height: 60rpx; }
.goods-price { font-size: 28rpx; color: #eb0000; display: inline-block; }
.red { color: #eb0000; font-size: 22rpx; }
.stepper { float: right; }

.choose-specs { width: 136rpx; height: 48rpx; line-height: 46rpx; border-radius: 50rpx; margin: 0 auto; text-align: center; display: inline-block; overflow: hidden; box-sizing: border-box; float: right; font-size: 24rpx; border: 2rpx solid #ccc; position: relative; top: 12rpx; }
.goods-bottom { border-top: 2rpx solid #eeeeee; overflow: hidden; padding: 20rpx 30rpx; background-color: #fff; }
.goods-total { float: right; color: #999; font-size: 28rpx; }
.goods-total-r { color: #eb0000; font-size: 30rpx; }
.input-box { margin: 20rpx 0; background-color: #fff; }
.form-input-box-item { padding: 20rpx 30rpx 20rpx 0; margin-left: 30rpx; border-bottom: 2rpx solid #eeeeee; }
.ib-item-left { display: inline-block; font-size: 28rpx; color: #333; width: 100%; padding: 10rpx 0; }
.ib-item-right { width: 100%; display: inline-block; color: #666; font-size: 28rpx; padding: 6rpx 0; }
.ib-item-input { color: #666; font-size: 28rpx; }
.margin-r { margin-left: 40rpx; }
.ib-item-input-c { color: #999; font-size: 28rpx; }
.ib-item-label { display: inline-block; position: relative; min-width: 150rpx; margin-right: 20rpx; }
    .ib-item-label radio { position: absolute; opacity: 0; width: 40rpx; height: 40rpx; }
.ib-item-label-text { display: inline-block; margin-left: 60rpx; position: relative; top: 2rpx; }
.label-icon { position: absolute; top: 0; }
    .label-icon icon { margin: 0; }
.ib-item-mid { padding-top: 4rpx; margin: 0; display: flex; align-items: center; justify-content: space-between; }
    .ib-item-mid picker { height: 40rpx; }
    .ib-item-mid .weui-select { border: none; height: 100%; line-height: 48rpx; min-height: 40rpx; }
.ib-item-mid-text { margin-left: 40rpx; color: #999; }
.icon-img { width: 32rpx; height: 32rpx; }
.icon-img-right { width: 32rpx; height: 32rpx; right: 0; }
.form-multiple-rows .form-input-box-item { border: none; }
.f-m-r-item { color: #666; font-size: 28rpx; margin-top: 16upx; }
    .f-m-r-item .ib-item-label { display: block; margin-bottom: 20rpx; }
        .f-m-r-item .ib-item-label:last-child { margin-bottom: 0; }
.various-spec-list { overflow: hidden; }
.various-spec-item { padding: 10rpx 20rpx; display: inline-block; border: 2rpx solid #e2e2e2; margin-right: 20rpx; margin-bottom: 20rpx; border-radius: 6rpx; color: #666; background-color: #f7f7f7; min-width: 130rpx; text-align: center; }
.vAactive { border: 2rpx solid #333; color: #333; }
.various-spec-list:last-child .various-spec-item { margin-bottom: 0rpx; }
.upload-img-list { overflow: hidden; }
.upload-img-hd { position: relative; width: 150rpx; height: 150rpx; border: 2rpx solid #e2e2e2; background-color: #f7f7f7; border-radius: 6rpx; box-sizing: border-box; float: left; margin-left: 30rpx; }
    .upload-img-hd input { position: absolute; width: 100%; height: 100%; opacity: 0; }
    .upload-img-hd image { width: 48rpx; height: 48rpx; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.upload-img-bd { /* width: 150rpx; */ /* height: 150rpx; */ float: left; overflow: hidden; }
.upload-img .upload-camera { width: 100%; height: 100%; }
.upload-img { width: 150rpx; height: 150rpx; position: relative; float: left; margin-right: 30rpx; }
    .upload-img:last-child { margin-right: 0; }
.del-img { width: 36rpx !important; height: 36rpx !important; position: absolute; right: 0; top: 0; z-index: 99; }
.ib-item-textarea { width: 100%; height: 200rpx; box-sizing: border-box; border: 2rpx solid #e2e2e2; background-color: #f7f7f7; border-radius: 6rpx; padding: 20rpx 30rpx; }
.bottom-btn { position: fixed; bottom: 0; width: 100%; z-index: 95; }
    .bottom-btn button { width: 100%; height: 90rpx; line-height: 90rpx; margin: 0 auto; background-color: #333; color: #fff; font-size: 32rpx; border-radius: 0; }
        .bottom-btn button::after { border-radius: 0; }
.hidden { display: none; }
.checkout-list { overflow: hidden; }
.checkout-item { display: inline-block; float: left; }
.checkout-item-c { padding: 4rpx 14rpx; border: 2rpx solid #ccc; margin-right: 10rpx; border-radius: 6rpx; color: #888; }
    .checkout-item-c checkbox { display: none; }
.black { background-color: rgb(55, 55, 55); color: #fff; border: 2rpx solid rgb(55, 55, 55); }
/*支付按钮样式*/
.content-bot { margin-top: 18rpx; }
    .content-bot > view { padding: 16rpx 0; margin-bottom: 2rpx; position: relative; background-color: #fff; height: 75rpx; }
        .content-bot > view button { background-color: #fff; width: 100%; height: 100%; padding: 0; position: static; text-align: left; }
            .content-bot > view button::after { border: none; }
    .content-bot .left-img { display: inline-block; height: 82rpx; width: 94rpx; border-right: 2rpx solid #f4f4f4; position: absolute; left: 30rpx; top: 50%; transform: translateY(-50%); }
        .content-bot .left-img image { width: 64rpx; height: 64rpx; position: relative; top: 8rpx; }
.content-bot-right { display: inline-block; margin-left: 150rpx; position: relative; top: 16rpx; }
.modal-box { position: fixed; width: 100%; height: 100%; top: 0px; background: rgba(0, 0, 0, 0.4); overflow: hidden; z-index: 1000; }
.modal-body { position: fixed; bottom: 0; background-color: #fff; width: 100%; z-index: 1001; font-size: 28rpx; }
.modal-payment .item { height: 80rpx; width: 100%; line-height: 80rpx; text-align: center; }
.modal-payment .immediate-pay { height: 80rpx; line-height: 80rpx; width: 100%; text-align: center; border: none; border-radius: 0; border-bottom: 2rpx solid #eee; box-sizing: border-box; background-color: #fff; }
    .modal-payment .immediate-pay::after { border: none; }
.specs-goods-t { position: relative; padding: 30rpx; border-bottom: 2rpx solid #f3f3f3; }
.specs-goods-information { width: 520rpx; display: inline-block; }
    .specs-goods-information .specs-goods-name { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; font-size: 24rpx; margin-bottom: 20rpx; }
    .specs-goods-information .specs-goods-price { display: block; color: #ff3b44; font-size: 30rpx; }
.close-btn { width: 40rpx; height: 40rpx; border-radius: 50%; display: inline-block; position: absolute; right: 30rpx; }
    .close-btn image { width: 100%; height: 100%; }
.modal-body .detail-footer-right { width: 100%; }
.gray-text { color: #a5a5a5; font-size: 28rpx; }
.salespromotion-service-name { margin-bottom: 30rpx; float: left; }

.color,
.number { padding: 22rpx 25rpx; border-bottom: 2rpx solid #f3f3f3; overflow: hidden; }
.color { padding-bottom: 8rpx; }
    .color .salespromotion-service-b,
    .specifications .salespromotion-service-b { width: 600rpx; display: inline-block; float: left; }
        .color .salespromotion-service-b > view,
        .specifications .salespromotion-service-b > view { padding: 2rpx 20rpx; display: inline-block; text-align: center; border: 2rpx solid #e0e0e0; border-radius: 8rpx; color: #666; margin-right: 22rpx; margin-bottom: 12rpx; }
.pitch-on { border: 2rpx solid #ff3b44; background-color: #ff3b44; color: #fff !important; }
.nothing { border: 2rpx dashed #e0e0e0 !important; color: #c9c9c9 !important; }
.specs-goods-c { margin-bottom: 100rpx; max-height: 432rpx; }
.number { padding: 22rpx 25rpx; }
    .number > text { color: #999; position: relative; font-size: 28rpx; }
.detail-footer { overflow: hidden; height: 100rpx; position: fixed; bottom: 0; width: 750rpx; text-align: center; z-index: 1000; }
.detail-footer-left { width: 30%; height: 100rpx; font-size: 24rpx; color: #666; background-color: #f7f7f7; padding-top: 10rpx; box-sizing: border-box; display: inline-block; }
    .detail-footer-left > view { width: 50%; box-sizing: border-box; float: left; display: inline-block; }
        .detail-footer-left > view image { height: 36rpx; width: 36rpx; }
        .detail-footer-left > view text { display: block; }
.detail-footer-right { width: 70%; display: inline-block; height: 100rpx; line-height: 100rpx; float: right; font-size: 28rpx; color: #fff; box-sizing: border-box; }
    .detail-footer-right > view { width: 100%; display: inline-block; }
.modal-body .detail-footer-right { width: 100%; }
.detail-footer-right > view { background-color: #333; }
.order-num { display: block; min-width: 16rpx; height: 28rpx; line-height: 28rpx; background-color: #ff3b44; color: #fff; font-size: 16rpx; border-radius: 50rpx; position: absolute; right: 0rpx; top: 0rpx; padding: 0 6rpx; text-align: center; }
.uni-list-cell-pd { margin-right: 40upx; }
.invoice-type-icon,
.invoice-type-c { display: inline-block; }
.ib-item-start { justify-content: flex-start; }
